<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta charset="UTF-8">
<title>ui mix</title>
	<link href="/static/css/bootstrap.css" rel="stylesheet">
	<link href="/static/css/style.css" rel="stylesheet">
<style>
	body{font-size: 14px; height: auto;}
.loginbg{ background: #1890ff; position: absolute; width: 100%; height: 300px;  left: 0; top: 0; z-index: 0;}
.loginav{width: 870px;
    background: #fff; z-index: 10; position: relative;
    padding: 0 50px 50px;
    margin: 195px auto 50px;
    box-shadow: 0 0 30px rgba(0,0,0,.1)}

.logo2{left: 0;font-size: 30px; color: #fff; position: absolute; width: 100%; top: -45px; text-align: center;padding-bottom: 26px;}

    .loginav2{width: 600px;padding: 0 65px; }

.btnblock{border-radius: 0!important;}
.loginbox{padding: 50px 0 70px 0;}
.logininput .forminput{ border: none;  display: block; width: 100%; line-height: 48px; outline: none; text-indent: 1px;}
.logininput>li{ display: block; padding-top:5px; position: relative;border-bottom: 1px solid #efefef;}
	.logininput li>span{color: #ccc;}
.logintit{ border-bottom: 2px solid #efefef; color: #1263f0; position: relative; padding: 15px 0; font-size: 16px; text-indent: 20px;}
.logintit:before{ position: absolute; content: ""; height: 4px; background: #1263f0; width: 100px; left: 0; bottom: -2px;}
	.btn-primary{background: #1890ff; border-color: #1890ff;}
	</style>
</head>
<body>
	<div class="loginav  loginav2">
	<div class="logo2">xxx系统名称</div>
<div>
		<ul class=" loginbox">

			<div class="logintit">用户登录</div>
		<ul class="logininput">
		<li>

            <label>
                <input class="forminput" type="text" placeholder="请输入账号">
            </label>
        </li>
			<li>

                <label>
                    <input  class="forminput" type="text" placeholder="请输入密码">
                </label>
            </li>
			<li>
			<ul class="row">
				<li class="col-xs-8"><label>
                    <input  class="forminput" type="text" placeholder="请输入验证码">
                </label></li>
				<li class="pull-right"><img src="/static/img/yzm.png" style="height: 32px; margin-top: 10px;" alt=""></li>
				</ul>
			</li>
			
			<div class="clearfix" style="padding: 15px 0;">
			<div class="pull-left"><label><input type="checkbox"> 记住密码</label></div>
			<div class="pull-right"><a href="忘记密码1.html" class="text-primary"> 忘记密码？</a></div>
			</div>
			
			<li>
				<a href="index.html" class="btn btnblock btn-block btn-primary">登录</a>
			</li>
		</ul>
		
			
	
	</ul>
		</div>		
	</div>
<div class="loginbg"></div>
</body>
</html>